<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css"/>
    <title>专题</title>
    <style>
   body{background-color: #fff;}
   #slider{bottom: initial;}
	</style>	
</head>
<body>
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left detail_left"></a>
		<h1 id="title" class="mui-title">环保专题</h1>
		<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
	</header>
	<div class="mui-content">
		<div class="special_list">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile">
							环评编写
						</a>
						<a class="mui-control-item" href="#item2mobile">
							环保工程
						</a>
						<a class="mui-control-item" href="#item3mobile">
							项目验收
						</a>
						<a class="mui-control-item" href="#item4mobile">
							环境检测
						</a>
						<a class="mui-control-item" href="#item5mobile">
							在线监控
						</a>
						<a class="mui-control-item" href="#item6mobile">
							清洁工程
						</a>
					</div>
				</div>
				<div class="mui-slider-group map_list_sub">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active"></div>
					<div id="item2mobile" class="mui-slider-item mui-control-content"></div>
					<div id="item3mobile" class="mui-slider-item mui-control-content"></div>
					<div id="item4mobile" class="mui-slider-item mui-control-content"></div>
					<div id="item5mobile" class="mui-slider-item mui-control-content"></div>
					<div id="item6mobile" class="mui-slider-item mui-control-content"></div>
				</div>
			</div>
		</div>
	</div>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script>
	mui.init({
		swipeBack:false ,//启用右滑关闭功能
		keyEventBind: {
			//backbutton: false,  //Boolean(默认true)关闭back按键监听
			menubutton: false   //Boolean(默认true)关闭menu按键监听
		},
		subpages:[{
			url:'special_sub_1.html',
			id:'special_sub_1.html',
			styles:{
				top: '82px',
				bottom: '0px',
			}
		}]
	});
window.onload=function(){
		var oldIndex=1;
	mui("#sliderSegmentedControl").on("tap","a",function(e){
		var index=$(this).index()+1;
		if(oldIndex==index)return;
		$("iframe").attr("src",'special_sub_'+index+'.html');
		oldIndex=index;
	});
};
</script>
</body>
</ html>